<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<htmL>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Group Management - Group F</title>
		<link rel="stylesheet" type="text/css" href="style/style.css">
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js"></script>
		<script src="js/main.js" type="text/javascript"></script>
		<!-- <link href="style/twoColFixLtHdr.css" rel="stylesheet" type="text/css" />-->
	</head>
	<body>
	<br>
	<div id="container">
		<br>
		<div id="header">
			<h1>Group Management - Group F</h1>
		</div>
	    <div id="main_menu">
			<ul class="menu_ul">
				<!-- Menu Items for a user NOT Currently in a Group -->
				<li class="menu_li_user"><a class="menu_a" href="app/groups">Browse Groups</a></li>
				<li class="menu_li_user"><a class="menu_a" href="app/invites">Browse Invites</a></li>
				
				<!-- Menu Items for a user Currently in a Group -->
				<li class="menu_li_user"><a class="menu_a">View Current Group</a></li>
				
				<!-- Menu Items for an Admin User -->
				<li class="menu_li_admin"><a class="menu_a" href="app/buddy">Browse Users</a></li>
				<li class="menu_li_admin"><a class="menu_a" href="buddyAge.html">Browse Users (AJAX)</a></li>
				<li class="menu_li_admin"><a class="menu_a" href="app/buddy">Add User</a></li>
			
				<li class="menu_li_default"><a class="menu_a">Logout</a></li>
				

				
			</ul>
		</div>
	  
	  <div id="sidebar1">
	    <h3>User Listing</h3>
	    <ul>
	    </ul>
	    <!-- end #sidebar1 -->
	  </div>
	 <!-- <div id="mainContent">
	    <div id="NoPersonToView">
	      <h2>Person Information</h2>
	      <p>Select a person to view his or her information.</p>
	    </div>
	    <div id="ViewPerson">
	      <h2>Person Information</h2>
	      <p> <span class="person_name">[Name]</span> is <span class="person_age">[999]</span> years old and has <span class="person_buddy">[Buddy]</span> buddy.</p>
	      <form method="post" action="#">
	      	<div>
		        <input type="submit" name="button" id="button" value="Increase Age"/>
		        <input name="version" type="hidden" value="TO-BE-SET-BY-JS"/>
		        <input name="command" type="hidden" value="IncreaseAge"/>
		        <input name="format" type="hidden" value="XML"/>
	      	</div>
	      </form>
	      <!-- <a href="${person.id}?version=${person.version}&command=IncreaseAge">Try to make ${person.name} older (via a GET).</a>-->
	  <!--   </div> -->
	    <!-- end #mainContent -->
	 <!-- </div> -->
	  <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
	  <br class="clearfloat" />
	  <div id="footer">
	    <p>Footer</p>
	    <!-- end #footer -->
	  </div>
	  <!-- end #container -->
	</div>
	</body>
</html>
